<!DOCTYPE html> 
<html> 
<head> 
	<title>O.Kang.Jang Project</title> 
	<title>O.Kang.Jang Project</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<link rel="stylesheet" href="${webmvc.url.css}/base.css" />
	<link rel="stylesheet" href="${webmvc.url.css}/style.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript" src="${webmvc.url.js}/scrollpagination.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".btnNavi01").mouseover( function(){
				$(this).find("img").attr("src","${webmvc.url.img}/menu_01_o.png");
			}).mouseout(function(){
				$(this).find("img").attr("src","${webmvc.url.img}/menu_01_n.png");
			});
			$(".btnNavi02").mouseover( function(){
				$(this).find("img").attr("src","${webmvc.url.img}/menu_02_o.png");
			}).mouseout(function(){
				$(this).find("img").attr("src","${webmvc.url.img}/menu_02_n.png");
			});
			$(".btnNavi03").mouseover( function(){
				$(this).find("img").attr("src","${webmvc.url.img}/menu_03_o.png");
			}).mouseout(function(){
				$(this).find("img").attr("src","${webmvc.url.img}/menu_03_n.png");
			});
		});
	</script>
	
	${head}
	
</head>
<body>
	<div id="header" data-role="header" data-position="fixed">
		<h1><img src="${webmvc.url.img}/top_logo_okj.png" width="142" height="17"></h1>
		<a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left ui-btn ui-btn-up-f ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Home">
			<span class="ui-btn-inner" style="width:33px; height:30px; right:-2px">
				<img src="${webmvc.url.img}/btn_top_home.png" width="33" / >
			</span>
		</a>
		<a href="#" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade" class="ui-btn-right ui-btn ui-btn-up-f ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Search">
			<span class="ui-btn-inner"  style="width:33px; height:30px; left:-12px">
				<img src="${webmvc.url.img}/btn_top_search.png" width="33" / >
			</span>
		</a>
	</div>
	
	${body}
	
</body>
</html>